<%@page contentType="text/html" pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="cn">
 <head>
    <title>MEOA登录</title><meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="stylesheet" href="${pageContext.request.contextPath }/css/bootstrap.min.css" />
	<link rel="stylesheet" href="${pageContext.request.contextPath }/css/bootstrap-responsive.min.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath }/css/matrix-login.css" />
    <link href="${pageContext.request.contextPath }/font-awesome/css/font-awesome.css" rel="stylesheet" />
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>
	<script src="${pageContext.request.contextPath }/js/excanvas.min.js"></script> 
	<script src="${pageContext.request.contextPath }/js/jquery.min.js"></script>
	<script src="${pageContext.request.contextPath }/js/jquery.validate.js"></script> 
	<script src="${pageContext.request.contextPath }/js/localization/messages_zh.min.js"></script>
	<script type="text/javascript">
	<!--
	$(function(){
		$("#loginform").validate({
			rules:{
				loginName:{
					required:true
				},
				password:{
					required:true,
				}
			},
			errorClass: "help-inline",
			errorElement: "span",
			highlight:function(element, errorClass, validClass) {
				$(element).parents('.control-group').addClass('error');
			},
			unhighlight: function(element, errorClass, validClass) {
				$(element).parents('.control-group').removeClass('error');
				$(element).parents('.control-group').addClass('success');
			}
		});
	});
	//-->
	</script>
 </head>
    <body>
        <div id="loginbox">            
            <form id="loginform" class="form-vertical" method="post" action="${pageContext.request.contextPath }/logging.do">
				<div class="control-group normal_text"> 
				 <h3><img src="${pageContext.request.contextPath }/img/logo.png" alt="Logo" /></h3>
				</div>
                <div class="control-group">
                    <div class="controls">
                        <div class="main_input_box">
                            <span class="add-on bg_lg"><i class="icon-user"></i></span><input type="text" name="loginName" placeholder="登录名" />
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <div class="main_input_box">
                            <span class="add-on bg_ly"><i class="icon-lock"></i></span><input type="password" name="password" placeholder="密码" />
                        </div>
                    </div>
                </div>
                <div class="form-actions">
                	<c:if test="${sessionScope['SESSION_MESSAGE'] ne null and !sessionScope['SESSION_MESSAGE'].isSuccess}">
                	<span class="help-inline">${sessionScope['SESSION_MESSAGE'].errorMsg }</span>
                	<c:remove var="SESSION_MESSAGE" scope="session"/>
                	</c:if>
                    <!-- <span class="pull-left"><a href="#" class="flip-link btn btn-info" id="to-recover">Lost password?</a></span> -->
                    <span class="pull-right"><button type="submit" class="btn btn-success">登录</button></span>
                </div>
            </form>
        </div>
        
    </body>
</html>
